header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
  background-position: 40%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    10px;
    height: 490px;
max-width: 100%;}




.cadre{ border-color: silver;
border-style: dotted;
border-width: 7px;
padding-bottom:  95px;
}

.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: 0%;
    color:grey;}

    .navbar-toggler{color: lightblue;
    width: 60PX;}
    .navbar-toggler-icon{color:gold;}

.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}

.titreflex{

  text-align: center;  
padding: 190px;
margin-left:80px;}

.titreflex h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
    text-align: center; }


 h1.adresse
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 18PX;
    text-align: center;
    margin-top: 10PX;
    margin-left: 2%;

}

.titrepage{margin-left: 48%;
     color: rgb(179, 180, 146);;
     font-size:36PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-top: 40px;
}




h2{font-size: 19px;
   color: rgb(179, 180, 146);
text-align:left;
margin-left:  380px;
padding-top: 20PX;
font-weight: 700;}

p{font-size: 17px;
color: black;
text-align: left;
margin-left: 380px;
font-weight: 600;}

.p1{
    color: black;
    font-size: 21px;
    font-weight: 600;
text-align: center;}

.rouge{color:red;
text-align: center;
margin-left: 0%;}

button
{background-color: rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
top:1100px;
left: 550PX;}

.rdv
{background-color: rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
margin-top: 450PX;
margin-left: 2%;}

 .footer
{height: 225PX;
    background: #959e9b;
background: radial-gradient(circle, rgba(149, 158, 155, 1) 1%, rgba(150, 158, 154, 1) 50%, rgba(184, 182, 182, 1) 100%);
    margin-top: 10px; }

 .foot
{text-align: center;
color:white;
padding:40PX;
border: 5px;
border-style: dotted;}

.mention{position: absolute;
    color:white;
  margin-left: 45%;
margin-top: 9PX;
list-style: none;}

 .politique{position: absolute;
    color: white;
    margin-left: 52%;
    margin-top: -20PX;
    list-style: none;
  }
.légales{margin-top: -50PX;}
                      

@media screen and (min-width: 300px) and (max-width: 650px){
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: 100%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    -25px;
    height: 450px;
max-width: 100%;}


.logo
{ height: 80px;
  width: 80px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:30PX ;
 margin-left: 8PX;
z-index: 2;}




h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
    padding-top: -65px;
    margin-top: 140Px;
    margin-left:-20px;
    text-align: center;
     }


header h2
{color:whitesmoke;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 12PX;
    margin-top: 180PX;
    margin-left: -365px;
    text-align: center;

}


.navbar-nav > li > a
{font-size:13px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: 10%;
    color:grey;}

    .navbar-nav{flex-direction: column-reverse;
margin-top: -20PX;}

    .navbar-toggler{color: lightblue;
    width: 60PX;
  margin-left: -260px;
margin-top: -1070PX;}
  
    .navbar-toggler-icon{color:gold;}


.titreflex h1

{display: flex;
  color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:14px;
padding-left: 20px;
    margin-left: -220px;
  margin-top: 10PX;

 }


h1.adresse
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 11PX;
    text-align: center;
  margin-top: 13px;
}

h1.titrepage{margin-top: -80PX;
z-index: 2;
margin-left: 120PX;
position: absolute;}

.titrepage{margin-left: 38%;
    color:rgb(179, 180, 146);
     font-size:34PX;
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-top: -280px;}

  .cadre{display: flex;
    overflow: hidden;
    margin-left: 2%;
}
.contenu{display: flex;
flex-direction: column;}

h2{font-size: 19px;
    font-weight: 700;
color:rgb(179, 180, 146);
text-align:left;
margin-left:  50px;
padding-top: 20PX;
display: flex;
overflow: hidden;
}
div{width: 95%;
height: 20%;}
p{font-size: 17px;
color: black;
text-align: left;
margin-left: 50px;
display: flex;
justify-content: left;
}

.rouge{
    color:red;
    font-size: 16px;
text-align: center;
margin-left: 10%;
font-weight: 600;
width: 85%;
height: 10%;
}


button.rdv
{background-color: rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 45PX;
    width: 125PX;
position: absolute;
top:1130px;
left: 120PX;}

.footer
{height: 200PX;
  width: 100%;
    background-color: rgb(4, 4, 129);
    margin-top: 10px;
  }

                       
                


.foot
{text-align: center;
color:white;
padding:40PX;
border: 5px;
border-style: dotted;}

.mention{position: absolute;
    color: white;
  margin-left: 36%;
margin-top: 20PX;}

 .politique{position: absolute;
    color: white;
    margin-left: 45%;
    margin-top: -4PX;
  }

}
@media screen and (min-width: 651px) and (max-width: 1023px){
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: 100%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    40px;
    height: 450px;
max-width: 100%;}


.logo
{ height: 100px;
  width: 100px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-60PX ;
 margin-left: 8PX;
z-index: 2;}

 .navbar-toggler{color: lightblue;
    width: 60PX;
  margin-left: 110px;
margin-top: -1130PX;}
.titreflex{
    display: flex;
  justify-content: space-around; 
  margin-top: -150PX;
width: 180%;

}

h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
  margin-top: 150px;  
  margin-left: -880PX;
     }


h1.adresse
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;
  margin-left: -1860PX;
margin-top: 250PX;}




.titrepage{margin-top: 20px;
color:rgb(179, 180, 146);
position: absolute;
font-size: 34PX;
margin-left: 40%;}
.contenu{
  margin-top: 80px;
  margin-left: -30%;

}
.cadre {
  border-color: silver;
  border-style: dotted;
  border-width: 7px;
  padding-bottom: 120px;
  width: 95%;
  margin-left: 15PX;
}
.rouge{margin-left: 23%;}

.rdv{margin-left: -200PX;}

footer{margin-top: 145PX;
margin-left: 5PX;}

}

@media screen and (min-width: 1300px){
  .rdv{margin-left: 20%;}
}


 @media only screen 
  and (min-device-width: 1440px) 
  and (max-device-width: 1440px) 
  and (min-device-height: 900px) 
  and (max-device-height: 900px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  html{overflow-x: clip;}

 body{ color: white;
  overflow-x: clip;}
  header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 0px;
    height: 490px;
max-width: 100%;
}

h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
font-size:34px;
  padding-top: 5px;  
  margin-left: 4%;
     }

h1.adresse{color:white;
margin-left: 5%;}
header h2
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;

}




.navbar-brand {color:gold;
    font-size:44px;
   font-family: "Poppins", sans-serif;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:18px;
  font-family: "Poppins", sans-serif;
    font-weight: 600;
    color:grey;}

    .navbar-toggler{color: lightblue;}
    .navbar-toggler-icon{color:gold;}

    .rdv
{background-color: rgb(179, 180, 146);
    border: none;
    border-radius: 25px ;
    color: aliceblue;
    height: 30PX;
    width: 125PX;
position: absolute;
margin-top: 450PX;
margin-left: 8%;}

}